/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 [v-cloak] {display: none}
 .app_card {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  color: #444;
  min-height: 405px;
}
.app_card .input-group-text {
  height: 43.77px;
}
.app_card h3 {
  color: #444;
}
.app_header h3,
.app_header p {
  padding: 0 !important;
}
.app_header p {
  margin-bottom: 0;
}
.nopadding {
  padding: 0 !important;
}
.app_card .card-body {
  padding: 0 !important;
}
.app_body form {
  width: 100%;
}
.app_card input[type="text"],
.app_card input[type="email"],
.app_card input[type="tel"] {
  border-color: #ced4da;
  border-radius: 0.25rem;
  height: 38px;
}
.app_card input[type-="checkbox"] {
  display: inline-block;
}
.app_card input[type="text"].is-invalid, .app_card input[type="email"].is-invalid, .app_card input[type="tel"].is-invalid {
  border-color: #dc3545;
}
.app_card input[type="text"].is-valid, .app_card input[type="email"].is-valid, .app_card input[type="tel"].is-valid {
  border-color: #198754;
}
.app_card input, .app_card select{
  color: #444;
}
.app_card .checkbox_group ul {
  padding-left: 0px;
}
.app_card .checkbox_group li {
  padding-right: 15px;
  list-style: none;
  display: inline-block;
  min-width: 96px;
  cursor: pointer;
  margin-left: 15px;
  height: 16px;
}
.input-group.input-group-flex {
  display: flex;
}
.checkbox_group label,
.checkbox_group input[type=checkbox] {
  cursor: pointer;
}
.app_card select:focus,.app_card input:focus  {
  box-shadow: none;
  border-color: #555;
  color: #444;
}
.app_card select.form-control:not([size]):not([multiple]) {
  height: auto;
}
.app_card .form-label {
  color: #444;
}
.row.app_footer {
  border-top: solid 1px #ced4da;
  padding-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
.row.app_header {
  margin-bottom: 20px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.app_card button.btn.btn-primary {
  background: #0d6efd;
  border: none;
  min-width: 154.92px;
}
.app_card button.btn.btn-primary:focus {
  box-shadow: none;
}
.app_card .alert-danger {
  color: #842029 !important;
  background-color: #f8d7da !important;
  border-color: #f5c2c7 !important;
  padding: 5px 10px;
}
.app_card .alert-success {
  color: #155724 !important;
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
  padding: 5px 10px;
}
.app_card #submit_form {
  margin-top: 20px;
}
.app_card .alert {
  margin-top: 30px;
}
/* #line_extension_container {
  display: none;
} */
.app_card .button.disabled {
  opacity: .6 !important;
  cursor: pointer !important;
  pointer-events: none !important;
}
.app_card small.form-text.text-muted {
  width: 100%;
  margin-top: -10px;
}
.form-group--margin-top {
  margin-top: 20px;
}
.app_card input[type='range']::-webkit-slider-thumb {
  background: #444;
}
.app_card input[type='range']:focus::-webkit-slider-thumb {
  box-shadow: 0 0 10px #444;
}
.estimatedCost h4 {
  margin-top: 0px !important;
}
.estimatedCost {
  margin-top: 20px;
  padding-top: 20px;
}
.checkbox_group label {
  font-weight: normal;
  padding-left: 10px;
  position: relative;
  top: -1px;
}
.app_required {
  color: #df1e26;
  font-size: 13px;
  position: relative;
  top: -2px;
  padding-left: 5px;
}
.app_card table, .app_card td {
  border: none;
}
.app_card .is-invalid.custom-control-label {
  color: #dc3545;
}
.custom-control-label {
  word-break: break-word;
  position: relative;
}
.app_card small.form-text.text-muted.warning {
  color: red !important;
}
.app_container_terms {
  border-top: solid 2px #dee2e6;
  padding-top: 20px;
}
.app_card input[type='checkbox'], 
.app_card input[type='radio'] {
  margin-right: 0px;
}
label.form-check-label.app_card_radioLabel {
  font-weight: normal;
  padding-left: 10px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
input.form-range {
  width: 100%;
}
/*
* App Card Loader
*/
.centerElement {
  display: inline-block;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring.btn-loader {
  display: inline-block;
  width: 20px;
  height: 13px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #26408B;
  border-color: #26408B transparent #26408B transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.btn-loader:after {
  width: 26px;
  height: 26px;
  margin: -4px -2px;
  border: 3px solid #fff;
  border-color: #ffffff8a transparent #ffffff8a transparent;
}
.see-estimate-email small {
  max-width: 234px;
  line-height: 21px;
  font-size: 15px;
  padding-top: 5px;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  position: relative;
  min-height: 405.17px;
}
.row-equipment img{
  width: 100%;
}
.le_image_title {
  font-size: 1.3em;
  text-align: center;
  background: #444444;
  color: #fff;
}
.le-equipment {
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 5px;
  position: relative; 
}

.le-equipment:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
}

.le-equipment.selected {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
}

.le-equipment.selected img {
  filter: grayscale(1);
}

.le-equipment.selected:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  background-image: url('../partials/images/equipment-checked-filled.svg');
  z-index: 1;
}

.form-check-input:checked {
  background-color: #00b865 !important;
  border-color: #00b865 !important;
}